<template>
	<!-- 商家入驻 -->
	<view class="enter_main">
		<view class="enter_center">
			<view class="enter_title">
				商家入驻，开通个人店铺
				<view class="line"></view>
			</view>
			<view class="enter_synopsis">
				 开通店铺，你可以获得开通店铺，你可以获得开通店铺，你可以获得开通店铺，你可以获得开通店铺，你可以获得开通店铺，你可以获得开通店铺，你可以获得开通店铺，你可以获得。开通店铺，你可以获得开通店铺，你可以获得开通店铺，你可以获得开通店铺，你可以获得开通店铺，你可以获得开通店铺，你可以获得开通店铺，你可以获得开通店铺，你可以获得。
			</view>
			<view class="enter_line">
				<image src="@/static/image/enterLine.png" mode=""></image>
			</view>
			<view class="enter_rule">
				<view class="enter_rule_title tc">
					<text>开通条件</text>
				</view>
				<ul class="enter_rule_item">
					<li>
						1.   店铺开通条件一店铺开通条件一
					</li>
					<li>
						2.   店铺开通条件一店铺开通条件一
					</li>
					<li>
						3.   店铺开通条件一店铺开通条件一
					</li>
					<li>
						4.   店铺开通条件一店铺开通条件一
					</li>
				</ul>
			</view>
		</view>
		<view class="enter_submit tc">
			申请开通
		</view>
	</view>
</template>

<script>
</script>

<style lang="less" scoped>
	@import "@/asset/less/base.less";
	.enter_center {
		margin: 17rpx 23rpx 0;
		height: 1000rpx;
		background: url(../../../static/image/enterbg.png);
		background-size: 100% 100%;
	}
	.enter_title {
		height: 168rpx;
		box-sizing: border-box;
		margin: 0 34rpx;
		background: url(../../../static/image/entertopbg.png);
		background-size: 100% 100%;
		color: #fff;
		font-size: 36rpx;
		padding: 44rpx 0 0rpx 33rpx;
	}
	.line {
		width: 46rpx;
		height: 4rpx;
		background: #FFCD64;
		border-radius: 2rpx;
		margin-top: 25rpx;
	}
	.enter_synopsis {
		text-align: justify;
		margin: 50rpx 60rpx 0;
		font-size: 30rpx;
		color: #363636;
	}
	.enter_line {
		image {
			height: 2rpx;
			width: 588rpx;
			margin: 0 55rpx 0 60rpx;
		}
	}
	.enter_rule_title {
		font-size: 36rpx;
		color: #D6B170;
		width: 260rpx;
		height: 20rpx;
		background: url(../../../static/image/enterbgtitle.png);
		background-size: 100% 100%;
		margin: 36rpx auto 0;
		position: relative;
		text {
			width: 100%;
			position: absolute;
			top: -16rpx;
			left: 50%;
			transform: translateX(-50%);
		}
	}
	.enter_rule_item {
		font-size: 30rpx;
		padding: 45rpx 65rpx 0 ;
		color: #363636;
		li {
			padding: 5rpx 0;
		}
	}
	.enter_submit {
		width: 253rpx;
		height: 67rpx;
		margin: 47rpx auto 0;
		background: linear-gradient(90deg, #CFA461 0%, #DCBB7E 100%);
		border-radius: 34rpx;
		line-height: 67rpx;
		color: #fff;
		font-size: 30rpx;
	}
</style>
